<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <title>硬件推荐</title>
  <th:block th:replace="/backstage/common_resources::common_css"></th:block>
  <th:block th:replace="/backstage/common_resources::common_js"></th:block>
</head>
<body class="hold-transition skin-purple sidebar-mini">
<header th:replace="~{/backstage/common_header::header}"></header>
<aside th:replace="~{/backstage/common_aside::aside}"></aside>
<div class="wrapper">
  <div class="content-wrapper">
    <!-- 内容头部 -->
    <section class="content-header">
      <h1>
        互助系统
        <small>互助事件详情</small>
      </h1>
      <ol class="breadcrumb">
        <li><a href="@{/backstage/index}"><i class="fa fa-dashboard"></i> 首页</a></li>
        <li><a href="@{/backstage/helpcategoryid/all}"> 硬件品类</a></li>
        <li class="active">硬件详情</li>
      </ol>
    </section>
    <!-- 内容头部 /-->


    <!-- 正文区域 -->
    <section class="content">
      <table id="collapse-table" class="table table-bordered table-hover dataTable">
        <thead>
        <tr>
          <th style="width: 15%;">时间</th>
          <th style="width: 25%;">互助详情</th>
          <th style="width: 16%;">联系方式</th>
          <th style="width: 12%;">价钱</th>
          <th style="width: 12%;">事件状态</th>


        </tr>
        </thead>
        <tr>
          <td th:text="${helpCategory.helpcategoryname}"></td>
        </tr>
        <tbody th:each="help,status:${helpCategory.helps}">
        <tr th:attr="data-tt-id=${status.index}">
          <td th:text="${help.time}"></td>
          <td th:text="${help.helpdesc}"></td>
          <td th:text="${help.tel}"></td>
          <td th:text="${help.price}"></td>
          <td th:text="${help.statue}"></td>
        </tbody>
      </table>
    </section>
    <!-- 正文区域 /-->

  </div>
</div>
<footer th:replace="~{/backstage/common_footer::footer}"></footer>
<script>
  $(document).ready(function() {
    /*table tree*/
    $("#collapse-table").treetable({
      expandable: true
    });


  });
</script>
</body>
</html>
